<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="x5-page-mode" content="app">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 设置缓存 -->
    <!-- 设定网页的到期时间  -->
    <meta http-equiv="Expires" content="-1">
    <!-- 清除缓存（再访问这个网站要重新下载！） -->
    <meta http-equiv="Cache-Control" content="no-cache">
    <!-- 禁止浏览器从本地机的缓存中调阅页面内容，访问者将无法脱机浏览 -->
    <meta http-equiv="Pragma" content="no-cache">

    <!-- author用于定义网页作者 -->
    <meta name="author" content="aicoder.com">
    <!-- 就是当点击网页添加至主屏幕功能时，会在主屏幕上生成一个图标。点击该图标会进入webapp功能。就是模拟本地应用的模式来浏览web页面。 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 当启动webapp功能时，显示手机信号、时间、电池的顶部导航栏的颜色。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。这个主要是根据实际的页面设计的主体色为搭配来进行设置。 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加到主屏幕后，app全屏显示 -->
    <meta content="yes" name="apple-touch-fullscreen" />

    <!-- 默认设备会自动识别任何可能是电话和邮箱的字符串。设置telephone=no可以禁用这项功能。 -->
    <meta content="telephone=no,email=no" name="format-detection" />

    <!-- UC浏览器私有 -->
    <!-- 全屏模式 -->
    <meta name="full-screen" content="yes">
    <!-- 应用模式 -->
    <meta name="browsermode" content="application">

    <!-- QQ浏览器私有 -->
    <!-- 全屏模式 -->
    <meta name="x5-fullscreen" content="true">
    <!-- 应用模式 -->
    <meta name="x5-page-mode" content="app">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/cart.css">
    <link rel="stylesheet" href="./font/fontshop/iconfont.css">
    <script src="./lib/hotcss-v2.0.1/imochen-hotcss/src/hotcss.js"></script>
    <title>优选网-购物车</title>
</head>

<body>
    <div class="container">

        <header>
            <div class="top-hd">
                <h3>购物车</h3>
                <a href="#" class="btn-link tp-shopcart-edit">编辑</a>
            </div>
        </header>
        <main>
            <div class="goods-list-wrap">
                <ul class="goods-list">
                    <li class="goods-item">
                        <div class="goods-item-hd">
                            <i class="iconfont icon-icon-test"></i>
                            <h3 class="goods-shopname">
                                歌莉娅官方旗舰店
                            </h3>
                        </div>
                        <div class="goods-item-bd">
                            <i class="iconfont icon-icon-test"></i>
                            <div class="goods-item-bd-l"><img src="./img/购物车/商品图.png"></div>
                            <div class="goods-item-bd-r">
                                <p class="goods-itme-name">
                                    歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040
                                </p>
                                <div class="goods-item-sku">
                                    <span class="sku-name">颜色:</span>
                                    <span class="sku-value">JK898</span>
                                    <span class="sku-name">尺码:</span>
                                    <span class="sku-value">165/S</span>
                                </div>
                                <div class="goods-item-bd-r-img"><img src="./img/购物车/手机专属.png"></div>
                                <h3 class="goods-itme-price">￥2199</h3>
                                <div class="goods-item-bd-r-operating">
                                    <div class="operating-l">
                                        <span class="operating-l-minus">-</span>
                                        <span class="operating-l-number">1</span>
                                        <span class="operating-l-addition">+</span>
                                    </div>
                                    <div class="operating-r"><i class="iconfont icon-xiugai"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="goods-interval"></div>
                    </li>
                    <li class="goods-item">
                        <div class="goods-item-hd">
                            <i class="iconfont icon-icon-test"></i>
                            <h3 class="goods-shopname">
                                歌莉娅官方旗舰店
                            </h3>
                        </div>
                        <div class="goods-item-bd">
                            <i class="iconfont icon-icon-test"></i>
                            <div class="goods-item-bd-l"><img src="./img/购物车/商品图.png"></div>
                            <div class="goods-item-bd-r">
                                <p class="goods-itme-name">
                                    歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040
                                </p>
                                <div class="goods-item-sku">
                                    <span class="sku-name">颜色:</span>
                                    <span class="sku-value">JK898</span>
                                    <span class="sku-name">尺码:</span>
                                    <span class="sku-value">165/S</span>
                                </div>
                                <div class="goods-item-bd-r-img"><img src="./img/购物车/手机专属.png"></div>
                                <h3 class="goods-itme-price">￥2199</h3>
                                <div class="goods-item-bd-r-operating">
                                    <div class="operating-l">
                                        <span class="operating-l-minus">-</span>
                                        <span class="operating-l-number">1</span>
                                        <span class="operating-l-addition">+</span>
                                    </div>
                                    <div class="operating-r"><i class="iconfont icon-xiugai"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="goods-interval"></div>
                    </li>
                    <li class="goods-item">
                        <div class="goods-item-hd">
                            <i class="iconfont icon-icon-test"></i>
                            <h3 class="goods-shopname">
                                歌莉娅官方旗舰店
                            </h3>
                        </div>
                        <div class="goods-item-bd">
                            <i class="iconfont icon-icon-test"></i>
                            <div class="goods-item-bd-l"><img src="./img/购物车/商品图.png"></div>
                            <div class="goods-item-bd-r">
                                <p class="goods-itme-name">
                                    歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040
                                </p>
                                <div class="goods-item-sku">
                                    <span class="sku-name">颜色:</span>
                                    <span class="sku-value">JK898</span>
                                    <span class="sku-name">尺码:</span>
                                    <span class="sku-value">165/S</span>
                                </div>
                                <div class="goods-item-bd-r-img"><img src="./img/购物车/手机专属.png"></div>
                                <h3 class="goods-itme-price">￥2199</h3>
                                <div class="goods-item-bd-r-operating">
                                    <div class="operating-l">
                                        <span class="operating-l-minus">-</span>
                                        <span class="operating-l-number">1</span>
                                        <span class="operating-l-addition">+</span>
                                    </div>
                                    <div class="operating-r"><i class="iconfont icon-xiugai"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="goods-interval"></div>
                    </li>
                    <li class="goods-item">
                        <div class="goods-item-hd">
                            <i class="iconfont icon-icon-test"></i>
                            <h3 class="goods-shopname">
                                歌莉娅官方旗舰店
                            </h3>
                        </div>
                        <div class="goods-item-bd">
                            <i class="iconfont icon-icon-test"></i>
                            <div class="goods-item-bd-l"><img src="./img/购物车/商品图.png"></div>
                            <div class="goods-item-bd-r">
                                <p class="goods-itme-name">
                                    歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040
                                </p>
                                <div class="goods-item-sku">
                                    <span class="sku-name">颜色:</span>
                                    <span class="sku-value">JK898</span>
                                    <span class="sku-name">尺码:</span>
                                    <span class="sku-value">165/S</span>
                                </div>
                                <div class="goods-item-bd-r-img"><img src="./img/购物车/手机专属.png"></div>
                                <h3 class="goods-itme-price">￥2199</h3>
                                <div class="goods-item-bd-r-operating">
                                    <div class="operating-l">
                                        <span class="operating-l-minus">-</span>
                                        <span class="operating-l-number">1</span>
                                        <span class="operating-l-addition">+</span>
                                    </div>
                                    <div class="operating-r"><i class="iconfont icon-xiugai"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="goods-interval"></div>
                    </li>
                    <li class="goods-item">
                        <div class="goods-item-hd">
                            <i class="iconfont icon-icon-test"></i>
                            <h3 class="goods-shopname">
                                歌莉娅官方旗舰店
                            </h3>
                        </div>
                        <div class="goods-item-bd">
                            <i class="iconfont icon-icon-test"></i>
                            <div class="goods-item-bd-l"><img src="./img/购物车/商品图.png"></div>
                            <div class="goods-item-bd-r">
                                <p class="goods-itme-name">
                                    歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040
                                </p>
                                <div class="goods-item-sku">
                                    <span class="sku-name">颜色:</span>
                                    <span class="sku-value">JK898</span>
                                    <span class="sku-name">尺码:</span>
                                    <span class="sku-value">165/S</span>
                                </div>
                                <div class="goods-item-bd-r-img"><img src="./img/购物车/手机专属.png"></div>
                                <h3 class="goods-itme-price">￥2199</h3>
                                <div class="goods-item-bd-r-operating">
                                    <div class="operating-l">
                                        <span class="operating-l-minus">-</span>
                                        <span class="operating-l-number">1</span>
                                        <span class="operating-l-addition">+</span>
                                    </div>
                                    <div class="operating-r"><i class="iconfont icon-xiugai"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="goods-interval"></div>
                    </li>
                    <li class="goods-item">
                        <div class="goods-item-hd">
                            <i class="iconfont icon-icon-test"></i>
                            <h3 class="goods-shopname">
                                歌莉娅官方旗舰店
                            </h3>
                        </div>
                        <div class="goods-item-bd">
                            <i class="iconfont icon-icon-test"></i>
                            <div class="goods-item-bd-l"><img src="./img/购物车/商品图.png"></div>
                            <div class="goods-item-bd-r">
                                <p class="goods-itme-name">
                                    歌莉娅女装 2016冬装新款 连衣帽针织衫 显瘦身 15DJ8C040
                                </p>
                                <div class="goods-item-sku">
                                    <span class="sku-name">颜色:</span>
                                    <span class="sku-value">JK898</span>
                                    <span class="sku-name">尺码:</span>
                                    <span class="sku-value">165/S</span>
                                </div>
                                <div class="goods-item-bd-r-img"><img src="./img/购物车/手机专属.png"></div>
                                <h3 class="goods-itme-price">￥2199</h3>
                                <div class="goods-item-bd-r-operating">
                                    <div class="operating-l">
                                        <span class="operating-l-minus">-</span>
                                        <span class="operating-l-number">1</span>
                                        <span class="operating-l-addition">+</span>
                                    </div>
                                    <div class="operating-r"><i class="iconfont icon-xiugai"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="goods-interval"></div>
                    </li>
                </ul>
            </div>

        </main>
        <footer>
            <div class="goods-account-wrap">
                <div class="goods-account-wrap-hd">
                    <div class="account-l"><i class="iconfont icon-icon-test"></i><span>全选</span></div>
                    <div class="account-r">
                        <div class="account-r-sum">合计：<span class=price-num>8779.00</span></div>
                        <div class="account-r-settle"><a href="payment.html">结算:(3)</a></div>
                    </div>
                </div>
                <div class="goods-account-wrap-bd">
                    <ul>
                        <li><a href="index.html"><i class="iconfont icon-shouye2"></i><span>首页</span></a></li>
                        <li><i class="iconfont icon-sousuo"></i><span>搜索</span></li>
                        <li><i class="iconfont icon-leimupinleifenleileibie"></i><span>分类</span></li>
                        <li><a href="cart.html"><i class="iconfont icon-gouwuche"></i><span>购物车</span></a></li>
                        <li><a href="mine.html"><i class="iconfont icon-sself"></i><span>我的</span></a></li>
                    </ul>
                </div>
            </div>
        </footer>
    </div>
</body>
</html>